<template>
	<div class="RecommendContent">
		<ul>
			<RecommendItem v-for="index in 10" :key='index' />
		</ul>
	</div>
</template>

<script setup>
	import RecommendItem from "./RecommendItem.vue";
</script>

<style lang="less" scoped>
	.RecommendContent {
		width: 1400px;
		overflow: hidden;

		ul {
			display: flex;
			flex-wrap: wrap;
			width: 1500px;

			>li {
				width: 325px;
				height: 273px;
				overflow: hidden;
				margin-right: 30px;
				margin-bottom: 30px;
				border-bottom: 1px solid #eeeeee;
			}
		}
	}
</style>